
<!DOCTYPE html>
<html>
<head>

    
        <style>
            .railroad-heading {
                font-family: monospace;
            }
        </style>
    

</head>
<body>

<meta charset="UTF-8"/>


    <div class="railroad-group">
        <h1 class="railroad-heading" id="grammar-0017">grammar</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="246" viewBox="0 0 1659.5 246" width="1659.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 69v20m10 -20v20m-10 -10h20" /></g><path d="M40 79h10" /><g>
<path d="M50 79h0.0" /><path d="M1609.5 199h0.0" /><g>
<path d="M50.0 79h0.0" /><path d="M169.5 79h0.0" /><rect class="group-box" height="47" rx="10" ry="10" width="119.5" x="50" y="60"></rect><g>
<path d="M50.0 79h10.0" /><path d="M159.5 79h10.0" /><path d="M60.0 79h10" /><g class="non-terminal ">
<path d="M70.0 79h0.0" /><path d="M149.5 79h0.0" /><rect height="22" width="79.5" x="70" y="68"></rect><a xlink:href="#integer-0001"><text x="109.75" y="83">integer</text><text x="109.75" y="83">integer</text></a></g><path d="M149.5 79h10" /><path d="M70.0 79a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M70.0 99h79.5" /></g><path d="M149.5 99a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10" /></g></g><path d="M169.5 79h10" /><path d="M179.5 79h10" /><g>
<path d="M189.5 79h0.0" /><path d="M467.5 79h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="278" x="189.5" y="60"></rect><g class="non-terminal ">
<path d="M189.5 79h10.0" /><path d="M457.5 79h10.0" /><rect height="22" width="258" x="199.5" y="68"></rect><a xlink:href="#header-with-various-elements-0004"><text x="328.5" y="83">header with various elements</text><text x="328.5" y="83">header with various elements</text></a></g><g class="non-terminal ">
<path d="M189.5 52h0.0" /><path d="M255.5 52h0.0" /><text class="comment" x="222.5" y="57">&apos;header&apos;</text></g></g><path d="M467.5 79h10" /><path d="M477.5 79h10" /><g>
<path d="M487.5 79h0.0" /><path d="M646.5 79h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="159" x="487.5" y="60"></rect><g class="non-terminal ">
<path d="M487.5 79h10.0" /><path d="M636.5 79h10.0" /><rect height="22" width="139" x="497.5" y="68"></rect><a xlink:href="#street-address-0005"><text x="567" y="83">street_address</text><text x="567" y="83">street_address</text></a></g><g class="non-terminal ">
<path d="M487.5 52h0.0" /><path d="M560.5 52h0.0" /><text class="comment" x="524" y="57">&apos;address&apos;</text></g></g><path d="M646.5 79h10" /><path d="M656.5 79h10" /><g>
<path d="M666.5 79h0.0" /><path d="M817.0 79h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="150.5" x="666.5" y="60"></rect><g class="non-terminal ">
<path d="M666.5 79h10.0" /><path d="M807.0 79h10.0" /><rect height="22" width="130.5" x="676.5" y="68"></rect><a xlink:href="#z-len-word-0007"><text x="741.75" y="83">(len) word...</text><text x="741.75" y="83">(len) word...</text></a></g></g><path d="M817.0 79h10" /><path d="M827.0 79h10" /><g>
<path d="M837.0 79h0.0" /><path d="M976.5 79h0.0" /><rect class="group-box" height="100" rx="10" ry="10" width="139.5" x="837" y="36"></rect><g>
<path d="M837.0 79h10.0" /><path d="M966.5 79h10.0" /><rect class="group-box" height="68" rx="10" ry="10" width="119.5" x="847" y="60"></rect><g>
<path d="M847.0 79h10.0" /><path d="M956.5 79h10.0" /><path d="M857.0 79h10" /><g class="non-terminal ">
<path d="M867.0 79h0.0" /><path d="M946.5 79h0.0" /><rect height="22" width="79.5" x="867" y="68"></rect><a xlink:href="#integer-0001"><text x="906.75" y="83">integer</text><text x="906.75" y="83">integer</text></a></g><path d="M946.5 79h10" /><path d="M867.0 79a10 10 0 0 0 -10 10v10a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M867.0 109h25.5" /><path d="M921.0 109h25.5" /><rect height="22" rx="10" ry="10" width="28.5" x="892.5" y="98"></rect><text x="906.75" y="113">8</text></g><path d="M946.5 109a10 10 0 0 0 10 -10v-10a10 10 0 0 0 -10 -10" /></g><g class="non-terminal ">
<path d="M847.0 52h0.0" /><path d="M885.0 52h0.0" /><text class="comment" x="866" y="57">data</text></g></g><g class="non-terminal ">
<path d="M837.0 28h0.0" /><path d="M889.0 28h0.0" /><text class="comment" x="863" y="33">&apos;data&apos;</text></g></g><path d="M976.5 79h10" /><path d="M986.5 79h10" /><g>
<path d="M996.5 79h0.0" /><path d="M1136.0 199h0.0" /><rect class="group-box" height="158" rx="10" ry="10" width="139.5" x="996.5" y="60"></rect><g>
<path d="M996.5 79h10.0" /><path d="M1006.5 79h10" /><g class="terminal ">
<path d="M1016.5 79h10.0" /><path d="M1106.0 79h10.0" /><rect height="22" rx="10" ry="10" width="79.5" x="1026.5" y="68"></rect><text x="1066.25" y="83">W:(a-c)</text></g><path d="M1116.0 79a10 10 0 0 1 10 10v0a10 10 0 0 1 -10 10h-99.5a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M1016.5 119h10.0" /><path d="M1106.0 119h10.0" /><rect height="22" rx="10" ry="10" width="79.5" x="1026.5" y="108"></rect><text x="1066.25" y="123">W:(d-f)</text></g><path d="M1116.0 119a10 10 0 0 1 10 10v0a10 10 0 0 1 -10 10h-99.5a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M1016.5 159h10.0" /><path d="M1106.0 159h10.0" /><rect height="22" rx="10" ry="10" width="79.5" x="1026.5" y="148"></rect><text x="1066.25" y="163">W:(d-f)</text></g><path d="M1116.0 159a10 10 0 0 1 10 10v0a10 10 0 0 1 -10 10h-99.5a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M1016.5 199h10.0" /><path d="M1106.0 199h10.0" /><rect height="22" rx="10" ry="10" width="79.5" x="1026.5" y="188"></rect><text x="1066.25" y="203">W:(d-f)</text></g><path d="M1116.0 199h10" /><path d="M1126.0 199h10.0" /></g></g><path d="M1136.0 199h10" /><path d="M1146.0 199h10" /><g class="non-terminal ">
<path d="M1156.0 199h0.0" /><path d="M1320.5 199h0.0" /><rect height="22" width="164.5" x="1156" y="188"></rect><a xlink:href="#simple-arithmetic-0010"><text x="1238.25" y="203">simple_arithmetic</text><text x="1238.25" y="203">simple_arithmetic</text></a></g><path d="M1320.5 199h10" /><path d="M1330.5 199h10" /><g>
<path d="M1340.5 199h0.0" /><path d="M1427.5 199h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="87" x="1340.5" y="180"></rect><g class="non-terminal ">
<path d="M1340.5 199h20.75" /><path d="M1406.75 199h20.75" /><rect height="22" width="45.5" x="1361.25" y="188"></rect><a xlink:href="#z-0016"><text x="1384" y="203">...</text><text x="1384" y="203">...</text></a></g><g class="non-terminal ">
<path d="M1340.5 172h0.0" /><path d="M1427.5 172h0.0" /><text class="comment" x="1384" y="177">&apos;_skipped&apos;*</text></g></g><path d="M1427.5 199h10" /><path d="M1437.5 199h10" /><g>
<path d="M1447.5 199h0.0" /><path d="M1609.5 199h0.0" /><rect class="group-box" height="70" rx="10" ry="10" width="162" x="1447.5" y="156"></rect><g>
<path d="M1447.5 199h10.0" /><path d="M1599.5 199h10.0" /><rect class="group-box" height="38" rx="10" ry="10" width="142" x="1457.5" y="180"></rect><g class="non-terminal ">
<path d="M1457.5 199h10.0" /><path d="M1589.5 199h10.0" /><rect height="22" width="122" x="1467.5" y="188"></rect><a xlink:href="#ipv4-address-0002"><text x="1528.5" y="203">IPv4 address</text><text x="1528.5" y="203">IPv4 address</text></a></g><g class="non-terminal ">
<path d="M1457.5 172h0.0" /><path d="M1537.5 172h0.0" /><text class="comment" x="1497.5" y="177">ip_address</text></g></g><g class="non-terminal ">
<path d="M1447.5 148h0.0" /><path d="M1541.5 148h0.0" /><text class="comment" x="1494.5" y="153">&apos;ip_address&apos;</text></g></g></g><path d="M1609.5 199h10" /><path d="M 1619.5 199 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="header-with-various-elements-0004">header with various elements</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="204" viewBox="0 0 316.5 204" width="316.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 146v20m10 -20v20m-10 -10h20" /></g><path d="M40 156h10" /><g>
<path d="M50 156h0.0" /><path d="M266.5 156h0.0" /><rect class="group-box" height="148" rx="10" ry="10" width="216.5" x="50" y="36"></rect><g>
<path d="M50.0 156h10.0" /><path d="M256.5 156h10.0" /><path d="M60.0 156h10" /><g>
<path d="M70.0 156h0.0" /><path d="M246.5 156h0.0" /><path d="M70.0 156a10 10 0 0 0 10 -10v-27a10 10 0 0 1 10 -10" /><g>
<path d="M90.0 109h17.75" /><path d="M208.75 109h17.75" /><rect class="group-box" height="38" rx="10" ry="10" width="101" x="107.75" y="90"></rect><g class="non-terminal ">
<path d="M107.75 109h23.5" /><path d="M185.25 109h23.5" /><rect height="22" width="54" x="131.25" y="98"></rect><a xlink:href="#word-0003"><text x="158.25" y="113">word</text><text x="158.25" y="113">word</text></a></g><g class="non-terminal ">
<path d="M107.75 82h0.0" /><path d="M208.75 82h0.0" /><text class="comment" x="158.25" y="87">&apos;header_word&apos;</text></g></g><path d="M226.5 109a10 10 0 0 1 10 10v27a10 10 0 0 0 10 10" /><path d="M70.0 156a10 10 0 0 0 10 -10v-81a10 10 0 0 1 10 -10" /><g class="non-terminal ">
<path d="M90.0 55h7.25" /><path d="M219.25 55h7.25" /><rect height="22" width="122" x="97.25" y="44"></rect><a xlink:href="#ipv4-address-0002"><text x="158.25" y="59">IPv4 address</text><text x="158.25" y="59">IPv4 address</text></a></g><path d="M226.5 55a10 10 0 0 1 10 10v81a10 10 0 0 0 10 10" /><path d="M70.0 156h20" /><g>
<path d="M90.0 156h0.0" /><path d="M226.5 156h0.0" /><path d="M90.0 156a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g>
<path d="M110.0 136h96.5" /></g><path d="M206.5 136a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M90.0 156h20" /><g class="terminal ">
<path d="M110.0 156h0.0" /><path d="M206.5 156h0.0" /><rect height="22" rx="10" ry="10" width="96.5" x="110" y="145"></rect><text x="158.25" y="160">\d\d:\d\d</text></g><path d="M206.5 156h20" /></g><path d="M226.5 156h20" /></g><path d="M246.5 156h10" /><path d="M70.0 156a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M70.0 176h176.5" /></g><path d="M246.5 176a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10" /></g><g class="non-terminal ">
<path d="M50.0 28h0.0" /><path d="M95.0 28h0.0" /><text class="comment" x="72.5" y="33">[ALL]</text></g></g><path d="M266.5 156h10" /><path d="M 276.5 156 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="ipv4-address-0002">IPv4 address</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="62" viewBox="0 0 757.5 62" width="757.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M707.5 31h0.0" /><rect height="22" rx="10" ry="10" width="657.5" x="50" y="20"></rect><text x="378.75" y="35">(25[0-5]|2[0-4][0-9]|1?[0-9]{1,2})(\.(25[0-5]|2[0-4][0-9]|1?[0-9]{1,2})){3}</text></g><path d="M707.5 31h10" /><path d="M 717.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="word-0003">word</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="62" viewBox="0 0 205.0 62" width="205.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M155.0 31h0.0" /><rect height="22" rx="10" ry="10" width="105" x="50" y="20"></rect><text x="102.5" y="35">W:(A-Za-z)</text></g><path d="M155.0 31h10" /><path d="M 165.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="street-address-0005">street_address</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="103" viewBox="0 0 329 103" width="329" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 45v20m10 -20v20m-10 -10h20" /></g><path d="M40 55h10" /><g>
<path d="M50 55h0.0" /><path d="M279.0 55h0.0" /><g>
<path d="M50.0 55h0.0" /><path d="M158.0 55h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="108" x="50" y="36"></rect><g class="non-terminal ">
<path d="M50.0 55h14.25" /><path d="M143.75 55h14.25" /><rect height="22" width="79.5" x="64.25" y="44"></rect><a xlink:href="#integer-0001"><text x="104" y="59">integer</text><text x="104" y="59">integer</text></a></g><g class="non-terminal ">
<path d="M50.0 28h0.0" /><path d="M158.0 28h0.0" /><text class="comment" x="104" y="33">&apos;house_number&apos;</text></g></g><path d="M158.0 55h10" /><path d="M168.0 55h10" /><g>
<path d="M178.0 55h0.0" /><path d="M279.0 55h0.0" /><rect class="group-box" height="47" rx="10" ry="10" width="101" x="178" y="36"></rect><g>
<path d="M178.0 55h13.5" /><path d="M265.5 55h13.5" /><path d="M191.5 55h10" /><g class="non-terminal ">
<path d="M201.5 55h0.0" /><path d="M255.5 55h0.0" /><rect height="22" width="54" x="201.5" y="44"></rect><a xlink:href="#word-0003"><text x="228.5" y="59">word</text><text x="228.5" y="59">word</text></a></g><path d="M255.5 55h10" /><path d="M201.5 55a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M201.5 75h54.0" /></g><path d="M255.5 75a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10" /></g><g class="non-terminal ">
<path d="M178.0 28h0.0" /><path d="M279.0 28h0.0" /><text class="comment" x="228.5" y="33">&apos;street_name&apos;</text></g></g></g><path d="M279 55h10" /><path d="M 289 55 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="z-len-word-0007">(len) word...</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="62" viewBox="0 0 287.5 62" width="287.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g>
<path d="M50 31h0.0" /><path d="M237.5 31h0.0" /><g class="non-terminal ">
<path d="M50.0 31h0.0" /><path d="M138.0 31h0.0" /><rect height="22" width="88" x="50" y="20"></rect><a xlink:href="#arraylen-0006"><text x="94" y="35">arrayLen</text><text x="94" y="35">arrayLen</text></a></g><path d="M138.0 31h10" /><path d="M148.0 31h10" /><g class="terminal ">
<path d="M158.0 31h0.0" /><path d="M237.5 31h0.0" /><rect height="22" rx="10" ry="10" width="79.5" x="158" y="20"></rect><text x="197.75" y="35">Forward</text></g></g><path d="M237.5 31h10" /><path d="M 247.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="arraylen-0006">arrayLen</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="62" viewBox="0 0 179.5 62" width="179.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M129.5 31h0.0" /><rect height="22" rx="10" ry="10" width="79.5" x="50" y="20"></rect><text x="89.75" y="35">W:(0-9)</text></g><path d="M129.5 31h10" /><path d="M 139.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="simple-arithmetic-0010">simple_arithmetic</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="62" viewBox="0 0 273.0 62" width="273.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g>
<path d="M50 31h0.0" /><path d="M223.0 31h0.0" /><g class="non-terminal ">
<path d="M50.0 31h0.0" /><path d="M223.0 31h0.0" /><rect height="22" width="173" x="50" y="20"></rect><a xlink:href="#add-sub-operations-0015"><text x="136.5" y="35">add_sub operations</text><text x="136.5" y="35">add_sub operations</text></a></g></g><path d="M223.0 31h10" /><path d="M 233.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="add-sub-operations-0015">add_sub operations</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="95" viewBox="0 0 864.0 95" width="864.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 37v20m10 -20v20m-10 -10h20" /></g><g>
<path d="M40 47h0.0" /><path d="M824.0 47h0.0" /><path d="M40.0 47a10 10 0 0 0 10 -10v-7a10 10 0 0 1 10 -10h532.5" /><path d="M612.5 67h191.5a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M40.0 47h10" /><g>
<path d="M50.0 47h10.0" /><path d="M582.5 47h10.0" /><g>
<path d="M60.0 47h0.0" /><path d="M582.5 47h0.0" /><rect class="group-box" height="47" rx="10" ry="10" width="522.5" x="60" y="28"></rect><g>
<path d="M60.0 47h10.0" /><path d="M572.5 47h10.0" /><g class="non-terminal ">
<path d="M70.0 47h0.0" /><path d="M251.5 47h0.0" /><rect height="22" width="181.5" x="70" y="36"></rect><a xlink:href="#mult-div-operations-0013"><text x="160.75" y="51">mult_div operations</text><text x="160.75" y="51">mult_div operations</text></a></g><path d="M251.5 47h10" /><path d="M261.5 47h10" /><g>
<path d="M271.5 47h0.0" /><path d="M572.5 47h0.0" /><path d="M271.5 47h10" /><g>
<path d="M281.5 47h0.0" /><path d="M562.5 47h0.0" /><g class="non-terminal ">
<path d="M281.5 47h0.0" /><path d="M361.0 47h0.0" /><rect height="22" width="79.5" x="281.5" y="36"></rect><a xlink:href="#add-sub-0014"><text x="321.25" y="51">add_sub</text><text x="321.25" y="51">add_sub</text></a></g><path d="M361.0 47h10" /><path d="M371.0 47h10" /><g class="non-terminal ">
<path d="M381.0 47h0.0" /><path d="M562.5 47h0.0" /><rect height="22" width="181.5" x="381" y="36"></rect><a xlink:href="#mult-div-operations-0013"><text x="471.75" y="51">mult_div operations</text><text x="471.75" y="51">mult_div operations</text></a></g></g><path d="M562.5 47h10" /><path d="M281.5 47a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M281.5 67h281.0" /></g><path d="M562.5 67a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10" /></g></g></g></g><path d="M592.5 47a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M592.5 20a10 10 0 0 1 10 10v7a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M612.5 47h10.0" /><path d="M804.0 47h10.0" /><rect height="22" width="181.5" x="622.5" y="36"></rect><a xlink:href="#mult-div-operations-0013"><text x="713.25" y="51">mult_div operations</text><text x="713.25" y="51">mult_div operations</text></a></g><path d="M814.0 47h10" /></g><path d="M 824.0 47 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="mult-div-operations-0013">mult_div operations</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="95" viewBox="0 0 847.0 95" width="847.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 37v20m10 -20v20m-10 -10h20" /></g><g>
<path d="M40 47h0.0" /><path d="M807.0 47h0.0" /><path d="M40.0 47a10 10 0 0 0 10 -10v-7a10 10 0 0 1 10 -10h524.0" /><path d="M604.0 67h183.0a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M40.0 47h10" /><g>
<path d="M50.0 47h10.0" /><path d="M574.0 47h10.0" /><g>
<path d="M60.0 47h0.0" /><path d="M574.0 47h0.0" /><rect class="group-box" height="47" rx="10" ry="10" width="514" x="60" y="28"></rect><g>
<path d="M60.0 47h10.0" /><path d="M564.0 47h10.0" /><g class="non-terminal ">
<path d="M70.0 47h0.0" /><path d="M243.0 47h0.0" /><rect height="22" width="173" x="70" y="36"></rect><a xlink:href="#pos-neg-operations-0009"><text x="156.5" y="51">pos_neg operations</text><text x="156.5" y="51">pos_neg operations</text></a></g><path d="M243.0 47h10" /><path d="M253.0 47h10" /><g>
<path d="M263.0 47h0.0" /><path d="M564.0 47h0.0" /><path d="M263.0 47h10" /><g>
<path d="M273.0 47h0.0" /><path d="M554.0 47h0.0" /><g class="non-terminal ">
<path d="M273.0 47h0.0" /><path d="M361.0 47h0.0" /><rect height="22" width="88" x="273" y="36"></rect><a xlink:href="#mult-div-0012"><text x="317" y="51">mult_div</text><text x="317" y="51">mult_div</text></a></g><path d="M361.0 47h10" /><path d="M371.0 47h10" /><g class="non-terminal ">
<path d="M381.0 47h0.0" /><path d="M554.0 47h0.0" /><rect height="22" width="173" x="381" y="36"></rect><a xlink:href="#pos-neg-operations-0009"><text x="467.5" y="51">pos_neg operations</text><text x="467.5" y="51">pos_neg operations</text></a></g></g><path d="M554.0 47h10" /><path d="M273.0 47a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M273.0 67h281.0" /></g><path d="M554.0 67a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10" /></g></g></g></g><path d="M584.0 47a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M584.0 20a10 10 0 0 1 10 10v7a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M604.0 47h10.0" /><path d="M787.0 47h10.0" /><rect height="22" width="173" x="614" y="36"></rect><a xlink:href="#pos-neg-operations-0009"><text x="700.5" y="51">pos_neg operations</text><text x="700.5" y="51">pos_neg operations</text></a></g><path d="M797.0 47h10" /></g><path d="M 807.0 47 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="pos-neg-operations-0009">pos_neg operations</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="96" viewBox="0 0 834.5 96" width="834.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 46v20m10 -20v20m-10 -10h20" /></g><g>
<path d="M40 56h0.0" /><path d="M794.5 56h0.0" /><path d="M40.0 56a10 10 0 0 0 10 -10v-16a10 10 0 0 1 10 -10h452.0" /><path d="M412.5 76h362.0a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M40.0 56h10" /><g>
<path d="M50.0 56h10.0" /><path d="M382.5 56h10.0" /><g>
<path d="M60.0 56h0.0" /><path d="M382.5 56h0.0" /><rect class="group-box" height="47" rx="10" ry="10" width="322.5" x="60" y="28"></rect><g>
<path d="M60.0 56h10.0" /><path d="M372.5 56h10.0" /><g>
<path d="M70.0 56h0.0" /><path d="M189.5 56h0.0" /><path d="M70.0 56a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g>
<path d="M90.0 36h79.5" /></g><path d="M169.5 36a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M70.0 56h20" /><g class="non-terminal ">
<path d="M90.0 56h0.0" /><path d="M169.5 56h0.0" /><rect height="22" width="79.5" x="90" y="45"></rect><a xlink:href="#pos-neg-0008"><text x="129.75" y="60">pos_neg</text><text x="129.75" y="60">pos_neg</text></a></g><path d="M169.5 56h20" /></g><path d="M189.5 56h10" /><g class="non-terminal ">
<path d="M199.5 56h0.0" /><path d="M372.5 56h0.0" /><rect height="22" width="173" x="199.5" y="45"></rect><a xlink:href="#pos-neg-operations-0009"><text x="286" y="60">pos_neg operations</text><text x="286" y="60">pos_neg operations</text></a></g></g></g></g><path d="M392.5 56a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M392.5 20a10 10 0 0 1 10 10v16a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M412.5 56h10.0" /><path d="M502.0 56h10.0" /><rect height="22" width="79.5" x="422.5" y="45"></rect><a xlink:href="#integer-0001"><text x="462.25" y="60">integer</text><text x="462.25" y="60">integer</text></a></g><path d="M512.0 56a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M512.0 20a10 10 0 0 1 10 10v16a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M532.0 56h10.0" /><path d="M774.5 56h10.0" /><rect height="22" width="232.5" x="542" y="45"></rect><a xlink:href="#nested-integer-expression-0011"><text x="658.25" y="60">nested_integer_expression</text><text x="658.25" y="60">nested_integer_expression</text></a></g><path d="M784.5 56h10" /></g><path d="M 794.5 56 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="pos-neg-0008">pos_neg</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="62" viewBox="0 0 154.0 62" width="154.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M104.0 31h0.0" /><rect height="22" rx="10" ry="10" width="54" x="50" y="20"></rect><text x="77" y="35">(+-)</text></g><path d="M104.0 31h10" /><path d="M 114.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="integer-0001">integer</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="62" viewBox="0 0 179.5 62" width="179.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M129.5 31h0.0" /><rect height="22" rx="10" ry="10" width="79.5" x="50" y="20"></rect><text x="89.75" y="35">W:(0-9)</text></g><path d="M129.5 31h10" /><path d="M 139.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="nested-integer-expression-0011">nested_integer_expression</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="94" viewBox="0 0 464.5 94" width="464.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 45v20m10 -20v20m-10 -10h20" /></g><path d="M40 55h10" /><g>
<path d="M50 55h0.0" /><path d="M414.5 55h0.0" /><g>
<path d="M50.0 55h0.0" /><path d="M130.0 55h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="80" x="50" y="36"></rect><g class="terminal ">
<path d="M50.0 55h17.25" /><path d="M112.75 55h17.25" /><rect height="22" rx="10" ry="10" width="45.5" x="67.25" y="44"></rect><text x="90" y="59">&apos;(&apos;</text></g><g class="non-terminal ">
<path d="M50.0 28h0.0" /><path d="M130.0 28h0.0" /><text class="comment" x="90" y="33">[suppress]</text></g></g><path d="M130.0 55h10" /><path d="M140.0 55h10" /><g class="non-terminal ">
<path d="M150.0 55h0.0" /><path d="M314.5 55h0.0" /><rect height="22" width="164.5" x="150" y="44"></rect><a xlink:href="#simple-arithmetic-0010"><text x="232.25" y="59">simple_arithmetic</text><text x="232.25" y="59">simple_arithmetic</text></a></g><path d="M314.5 55h10" /><path d="M324.5 55h10" /><g>
<path d="M334.5 55h0.0" /><path d="M414.5 55h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="80" x="334.5" y="36"></rect><g class="terminal ">
<path d="M334.5 55h17.25" /><path d="M397.25 55h17.25" /><rect height="22" rx="10" ry="10" width="45.5" x="351.75" y="44"></rect><text x="374.5" y="59">&apos;)&apos;</text></g><g class="non-terminal ">
<path d="M334.5 28h0.0" /><path d="M414.5 28h0.0" /><text class="comment" x="374.5" y="33">[suppress]</text></g></g></g><path d="M414.5 55h10" /><path d="M 424.5 55 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="mult-div-0012">mult_div</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="62" viewBox="0 0 154.0 62" width="154.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M104.0 31h0.0" /><rect height="22" rx="10" ry="10" width="54" x="50" y="20"></rect><text x="77" y="35">(*/)</text></g><path d="M104.0 31h10" /><path d="M 114.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="add-sub-0014">add_sub</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="62" viewBox="0 0 154.0 62" width="154.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M104.0 31h0.0" /><rect height="22" rx="10" ry="10" width="54" x="50" y="20"></rect><text x="77" y="35">(+-)</text></g><path d="M104.0 31h10" /><path d="M 114.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>


</body>
</html>
